<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>二级页面</title>
		<link rel="stylesheet" href="css/basic.css" />
		<link rel="stylesheet" href="css/column.css" />
	</head>

	<body>
		<header id="header">
			<div class="center">
				<h2 class="logo">我的网站</h1>
				<nav>
					<h2 class="none">网站导航</h2>
				<ul class="link">
					<li>
						<a href="###">首页</a>
					</li>
					<li class="active">
						<a href="###">旅游资讯</a>
					</li>
					<li>
						<a href="###">机票订购</a>
					</li>
					<li>
						<a href="###">风景欣赏</a>
					</li>
					<li>
						<a href="###">公司简介</a>
					</li>
				</ul>
				</nav>
			</div>
		</header>
		<div id="banner">
			<div class="center">
				<hgroup>
					<h2>旅游资讯</h2>
					<h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
				</hgroup>
			</div>
		</div>
		<div id="content">
			<div class="list">
				左
			</div>
			<aside class="sidebar">
				<div class="block">
					<h2>景点推荐</h2>
					<div class="main">
						<ul class="tag">
							<li>
								<a href="">曼谷(10)</a>
							</li>
							<li>
								<a href="">泰国(2)</a>
							</li>
							<li>
								<a href="">台湾(4)</a>
							</li>
							<li>
								<a href="">秦皇岛(5)</a>
							</li>
							<li>
								<a href="">香港(4)</a>
							</li>
							<li>
								<a href="">鼓浪屿(8)</a>
							</li>
							<li>
								<a href="">云台山(10)</a>
							</li>
							<li>
								<a href="">曼谷(10)</a>
							</li>
							<li>
								<a href="">泰国(2)</a>
							</li>
							<li>
								<a href="">台湾(4)</a>
							</li>
							<li>
								<a href="">秦皇岛(5)</a>
							</li>
							<li>
								<a href="">香港(4)</a>
							</li>
							<li>
								<a href="">鼓浪屿(8)</a>
							</li>
							<li>
								<a href="">云台山(10)</a>
							</li>
							<li>
								<a href="">曼谷(10)</a>
							</li>
							<li>
								<a href="">泰国(2)</a>
							</li>
							<li>
								<a href="">台湾(4)</a>
							</li>
							<li>
								<a href="">秦皇岛(5)</a>
							</li>
							<li>
								<a href="">香港(4)</a>
							</li>
							<li>
								<a href="">鼓浪屿(8)</a>
							</li>
							<li>
								<a href="">云台山(10)</a>
							</li>

							<div class="clear"></div>
						</ul>
					</div>
				</div>
				<div class="block">
					<h2>热卖旅游</h2>					
					<div class="main">
						<figure>
							<img src="img/hot1.jpg" alt="" />
							<figcaption>曼谷-芭提雅6日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot2.jpg" alt="" />
							<figcaption>马尔代夫双鱼6日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot3.jpg" alt="" />
							<figcaption>海南双飞5日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot4.jpg" alt="" />
							<figcaption>富山大阪东京8日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot5.jpg" alt="" />
							<figcaption>法瑞意德12日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot6.jpg" alt="" />
							<figcaption>巴厘岛6日半游</figcaption>
						</figure>
						<figure>
							<img src="img/hot7.jpg" alt="" />
							<figcaption>塞舌尔迪拜9日游</figcaption>
						</figure>
						<figure>
							<img src="img/hot8.jpg" alt="" />
							<figcaption>花样土耳其10日游</figcaption>
						</figure>		
						<div class="clear"></div>
					</div>
				</div>
				<div class="block">
					<h2>旅游百宝箱</h2>
					<div class="main">
						<ul class="tools">
							<li><a  class="tianqi" href="">天气预报</a></li>
							<li><a  class="huoche" href="">火车票查询</a></li>
							<li><a  class="hangkong" href="">航空查询</a></li>
							<li><a  class="ditie" href="">地铁线路查询</a></li>
							<div class="clear"></div>
						</ul>
					</div>
				</div>
			</aside>
			<div style="clear: both;"></div>
		</div>
		<footer id="footer">
			<div class="top">
				<div class="block">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li>
							<a href="###">途牛旅游网</a>
						</li>
						<li>
							<a href="###">驴妈妈旅游网</a>
						</li>
						<li>
							<a href="###">携程旅游</a>
						</li>
						<li>
							<a href="###">中国青年旅行社</a>
						</li>
					</ul>
				</div>
				<div class="block">
					<h2>旅游FAQ</h2>
					<hr>
					<ul>
						<li>
							<a href="###">旅游合同签订方式？</a>
						</li>
						<li>
							<a href="###">儿童价是基于什么制定的？</a>
						</li>
						<li>
							<a href="###">旅游的线路品质怎么界定的？</a>
						</li>
						<li>
							<a href="###">单房差是什么？</a>
						</li>
						<li>
							<a href="###">旅游保险有那些种类？</a>
						</li>
					</ul>
				</div>
				<div class="block">
					<h2>联系方式</h2>
					<hr>
					<ul>
						<li>
							<a href="###">微博：weibo.com/ycku</a>
						</li>
						<li>
							<a href="###">邮件：ycku@ycku.com</a>
						</li>
						<li>
							<a href="###">地址：江苏盐城无名路123号</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="bottom">Copyright © YCKU 瓢城旅行社 | 苏ICP备120110119号 | 旅行社经营许可证：L-YC-BK12345</div>
		</footer>
	</body>

</html>